<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>添加页面</title>
    <link rel="stylesheet" type="text/css" href="/admin/css/layout.css">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="/admin/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="/admin/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="/admin/css/animate.min.css" rel="stylesheet">
    <link href="/admin/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="/admin/frame/layer/css/layui.css" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="container-fluid">
    <div class="row">
            <div class="col-sm-12 ibox-content">
             <div class="form-horizontal">
                 <div class="col-sm-4">
                     <div class="form-group">
                         <label class="col-sm-4 control-label">订单号：</label>
                         <div class="col-sm-8">
                             <p class="form-control-static">${orderInfo.orderNumber}</p>
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-4">
                     <div class="form-group">
                         <label class="col-sm-4 control-label">时间：</label>
                         <div class="col-sm-8">
                             <p class="form-control-static"><fmt:formatDate value="${orderInfo.startTime}" pattern="yyyy-MM-dd hh:mm:ss" /></p>
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-4">
                     <div class="form-group">
                         <label class="col-sm-4 control-label">下单人：</label>
                         <div class="col-sm-8">
                             <p class="form-control-static">${orderInfo.baseUser.identity}</p>
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-4">
                     <div class="form-group">
                         <label class="col-sm-4 control-label">设备：</label>
                         <div class="col-sm-8">
                             <p class="form-control-static">${orderInfo.device.deviceName}</p>
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-4">
                     <div class="form-group">
                         <label class="col-sm-4 control-label">设备号：</label>
                         <div class="col-sm-8">
                             <p class="form-control-static">${orderInfo.device.deviceDid}</p>
                         </div>
                     </div>
                 </div>

                 <div class="col-sm-4">
                     <div class="form-group">
                         <label class="col-sm-4 control-label">总金额：</label>
                         <div class="col-sm-8">
                             <p class="form-control-static">￥<fmt:formatNumber type="number" value="${orderInfo.money}" pattern="0.00" maxFractionDigits="2"/>元</p>
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-4">
                     <div class="form-group">
                         <label class="col-sm-4 control-label">时长：</label>
                         <div class="col-sm-8">
                             <p class="form-control-static">${orderInfo.duration}/小时</p>
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-4">
                     <div class="form-group">
                         <label class="col-sm-4 control-label">状态：</label>
                         <div class="col-sm-8">
                             <p class="form-control-static">${orderInfo.orderInfoState.sname}</p>
                         </div>
                     </div>
                 </div>
            </div>
        </div>
    </div>
        <div class="row">
            <div class="wrapper wrapper-content">
                <div class="row animated fadeInRight">
                    <div class="col-sm-12">
                        <div class="ibox float-e-margins">
                            <div class="" id="ibox-content">

                                <div id="vertical-timeline" class="vertical-container light-timeline">

                                    <c:forEach items="${orderInfoStateRecordList}" var="item">
                                        <div class="vertical-timeline-block">
                                            <div class="vertical-timeline-icon blue-bg">
                                                <i class="fa fa-file-text"></i>
                                            </div>
                                            <div class="vertical-timeline-content">
                                                <h2>${item.orderInfoState.sname}</h2>
                                                <p>${item.msg}</p>
                                                <span class="vertical-date"><fmt:formatDate value="${item.createTime}" pattern="yyyy-MM-dd hh:mm:ss" /> </span>
                                            </div>
                                        </div>
                                    </c:forEach>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script src="/admin/js/myPlug.js"></script>
<script src="/admin/js/init.js"></script>
</html>
